<template>
    <div class="router-page">
        <!--        <div class="router-page-item" @click="go('shopPeople')">-->
        <!--            <div class="left">-->
        <!--                <img src="../../../assets/images/11.jpeg"/></div>-->
        <!--            <div class="right">-->
        <!--                <div class="title">我是市民</div>-->
        <!--                <div class="desc">请预约购买口罩人员点击进入</div>-->
        <!--            </div>-->
        <!--        </div>-->

        <!--        <div class="router-page-item" @click="go('checkOrder')">-->
        <!--            <div class="left">-->
        <!--                <img src="../../../assets/images/12.jpeg"/></div>-->
        <!--            <div class="right">-->
        <!--                <div class="title">我是网点</div>-->
        <!--                <div class="desc">请口罩销售网点人员点击进入</div>-->
        <!--            </div>-->
        <!--        </div>-->

        <!--        <div class="router-page-item" @click="go('orderList')">-->
        <!--            <div class="left">-->
        <!--                <img src="../../../assets/images/33.jpeg"/></div>-->
        <!--            <div class="right">-->
        <!--                <div class="title">预约查询</div>-->
        <!--                <div class="desc">请预约购买成功人员点击进入</div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="wl-top" v-if="false">-->
        <!--           <div>顺义区商务局口罩预约平台</div>-->
        <!--           <div style="font-size: .25rem">平台功能正在完善中，如遇问题，敬请谅解</div>-->
        <!--        </div>-->
        <!--        <div class="wl-bottom" v-if="false">-->
        <!--           北京龙之家科技公司技术支持，技术支持电话61490528-->
        <!--        </div>-->

        <div class="awe">
            <img src="../../../assets/images/bg/a0.png" class="img100"/>
        </div>

        <div class="awe" @click="go('shopPeople')">
            <img src="../../../assets/images/bg/a1.png" class="img100"/>
        </div>

        <div class="awe" @click="go('checkOrder')">
            <img src="../../../assets/images/bg/a2.png" class="img100"/>
        </div>

        <div class="awe" @click="go('orderList')">
            <img src="../../../assets/images/bg/a3.png" class="img100"/>
        </div>

        <div class="awe" @click="go('shopmobilePic')">
            <img src="../../../assets/images/bg/a4.png" class="img100"/>
        </div>

        <div class="awe">
            <img src="../../../assets/images/bg/a5.png" class="img100"/>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
      formItem: {
        shopName: '测试药方',
        address: '测试地址'
      }
    }
  },
  methods: {
    go (name) {
      if (name === 'shopPeople') {
        this.$dialog.confirm({
          title: '温馨提示',
          mes: '<div>北京龙之家科技有限公司为口罩预约平台开发单位，负责平台操作、平台技术等相关问题，口罩价格、质量等其他问题无法予以解答，十分抱歉。<span style="font-weight: bold">3月6日起，每个二维码或预约有效证件每天限购调整为20只。</span></div>',
          opts: [{
            txt: '同意',
            callback: () => {
              this.$router.push({ name: name })
            }
          }, {
            txt: '取消',
            callback: () => {
              return true
            }
          }
          ]
        })
      } else {
        this.$router.push({ name: name })
      }
    }
  },
  mounted () {
    // this.$dialog.confirm({
    //  title: '预约成功',
    //  mes: '<div>请您“明日”携带预约的有效证件 在药店营业时间前往到“' + this.formItem.shopName + '”药房（地址：' + this.formItem.address + '）购买。有效期明日一整天 过期预约记录作废失效</div>',
    //  opts: () => {
    //
    //  }
    // })
  }
}
</script>

<style scoped lang="less">
    .img100 {
        width: 100%;
        margin: 0px;
    }

    .awe {
        margin-bottom: -3px;
    }
</style>
